axios.post发送请求,axios发送post请求, 携带参数传递给接口 |
您所在的位置:网站首页 › axios post传递参数 › axios.post发送请求,axios发送post请求, 携带参数传递给接口 |
vue 中使用axios 发送post 请求需要使用 qs 模块 将参数 转序列化 发送给 后端 否则接口会出现收不到参数的情况 import qs from "qs" 记得安装下哦 npm i qs -S 第一种 var url = "换成你的地址"; var data = {} axios({ url, data: qs.stringify(data), method: 'post', headers: { 'Content-Type':'application/x-www-form-urlencoded' } }).then(res => { console.log(res) })第二种: var url = "换成你的地址"; var data = {} axios.post(url, qs.stringify(data), { headers: { 'Content-Type':'application/x-www-form-urlencoded' } }).then(res => { console.log(res); })不用qs 也可以 可以用一种原生的方法 new URLSearchParams() 进行处理 URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。 出来的结果和 qs 转换过一样 var data = new URLSearchParams() ; data.append('time', 11111111); // 添加数据 var url = "换成你的地址"; var data = new URLSearchParams() data.append('time', 15555555); axios.post(url, data, { headers: { 'C':'application/x-www-form-urlencoded' } }).then(res => { console.log(res); })URLSearchParams.append() 插入一个指定的键/值对作为新的搜索参数。 URLSearchParams.delete() 从搜索参数列表里删除指定的搜索参数及其对应的值。 URLSearchParams.entries() 返回一个iterator可以遍历所有键/值对的对象。 URLSearchParams.get() 获取指定搜索参数的第一个值。 URLSearchParams.getAll() 获取指定搜索参数的所有值,返回是一个数组。 URLSearchParams.has() 返回 Boolean 判断是否存在此搜索参数。 URLSearchParams.keys() 返回iterator 此对象包含了键/值对的所有键名。 URLSearchParams.set() 设置一个搜索参数的新值,假如原来有多个值将删除其他所有的值。 URLSearchParams.sort() 按键名排序。 URLSearchParams.toString() 返回搜索参数组成的字符串,可直接使用在URL上。 URLSearchParams.values() 返回iterator 此对象包含了键/值对的所有值。
关注我 持续更新前端知识 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |